﻿#headPic {
width:960px;
height:300px;
background:url(../images/HealthInformation.jpg) no-repeat;
top:0;
left:0;
padding:0;
background-size:960px 300px;
/*border:1px solid red;*/
}

#AboutheadPic {
width:960px;
height:300px;
background:url(../images/aboutus2.png) no-repeat;
top:0;
left:0;
padding:0;
background-size:960px 300px;



}




/*公告輪播*/

#abgne_marquee {
    position: relative;
    overflow: hidden; /* 超出範圍的部份要隱藏 */
    width: 500px;
    height: 25px;
    /*border: 1px solid #ccc;*/
    margin: 0px auto;
}

    #abgne_marquee ul, #abgne_marquee li {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align:   center;
    }

    #abgne_marquee ul {
        position: absolute;
    }

    #abgne_marquee ul li a {
            display: block;
            overflow: hidden; /* 超出範圍的部份要隱藏 */
            font-size: 12px;
            height: 25px;
            line-height: 25px;
            text-decoration: none;
        }

/*公告輪播--END*/

/*Head輪播--star*/
#slider {
clear:both;
height:300px;
width:100%;
padding:0;
margin:0 auto;
z-index:0;
display:block;

}

.show1 {
background:url("../images/health1.jpg") no-repeat;
padding:0;
height:300px;
width:100%;
top:0;
left:0;
background-size: 100% 300px;
}
.show2 {
background:url("../images/health2.jpg") no-repeat;
padding:0;
height:300px;
width:100%;
top:0;
left:0;
background-size: 100% 300px;
}
.show3 {
background:url("../images/health3.png") no-repeat;
padding:0;
height:300px;
width:100%;
top:0;
left:0;
background-size: 100% 300px;
}
.show4 {
background:url("../images/health4.jpg") no-repeat;
padding:0;
height:300px;
width:100%;
top:0;
left:0;
background-size: 100% 300px;
}
.show5 {
background:url("../images/health5.jpg") no-repeat;
padding:0;
height:300px;
width:100%;
top:0;
left:0;
background-size: 100% 300px;
}
.show6 {
background:url("../images/health6.jpg") no-repeat;
padding:0;
height:300px;
width:100%;
top:0;
left:0;
background-size: 100% 300px;
}

/*Head輪播--END*/


/*Index more style*/
#moreStyle{
        background-image:url(../images/more_32.gif);
        background-size:52px 10px;
        height:30px;
        width:100px;
        float:right;
        background-repeat:no-repeat;
}
/*more style--end*/


/*Newstable*/
#newsTable {
width:90%;
line-height: 200%;
}

#newsTable tr td {

padding-left:10px;
padding-right:10px;



}


/*Healthtabble*/
#sl{
clear:both;
/*height:600px;*/
width:960px;
height:560px;
padding:0;
margin:0 auto;
z-index:0;
display:block;

}
.showKnowledge {

background:white;
background-image:url("../images/HK3.jpg");

padding:0;
height:560px;
width:100%;
top:0;
left:0;
background-size: 100% 100%;
text-align:center;
vertical-align:middle;

}

.showKnowledgeType {
background-color:white;
padding:0;
width:100%;
color:rgb(64,98,47);
/*height:15px;*/

}

.showKnowledgeType h5 {
    color:rgb(64,98,47);
    cursor:pointer;
    font-size:15px;
}

.showKnowledgeType h5:hover {
    color:orange;
    cursor:pointer;

}

.showKnowledgeDetail {

background-color:white;
padding:0;
width:100%;
color:rgb(64,98,47);
/*display:none;*/


}
.showKnowledgeDetail > h1 {
    color:#93b000
    }
.showKnowledgeDetail  h2 {
    color:#33cc99
    }




/*HealthEdit*/

#shAll {
background-color:white;
color:darkred;
margin:0 auto;
width:60px;
text-decoration-line:underline;
}

#shno {
background-color:white;
color:darkred;
margin:0 auto;
width:60px;
text-decoration-line:underline;
}



.left{
            /*width:560px;*/
            float:left;
        }

        .right{
            /*width:300px;*/
            float:right;
        }

#editb {

margin-top:10px;
background-color:darkred;
width:100px;
height:30px;
text-align:center;



border-top-left-radius:10px;
border-top-right-radius:10px


}

#newb {
     margin-top:10px;
     background-color:darkred;
     width:100px;
     height:30px;
     text-align:center




}

#checkD {
 margin-top:10px;
     background-color:darkred;
     width:100px;
     height:30px;
     text-align:center;
border-top-left-radius:10px;
border-top-right-radius:10px;

}

#checkDelete {
background:-webkit-linear-gradient(top,#ffffff 90%,#000000 95%); 
height:120px;
border-radius:20px;
}




#circle {
    width: 30px;
    height: 30px;
    background: Darkred;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    float:right;
    text-align:center;
    vertical-align:middle;
    margin:10px;
}

.HTitle {
color:rgb(148,171,156);
font-size:40px;


}

.HType {
color:rgb(64,98,47);
font-size:80px;



}

#dtitle {
text-align:left;
margin:0 auto;
width:560px

}



/*刪除按鈕*/
.btnDel {
width:150px;
height:30px;
background-color:#ffffff;
border:5px ridge #808080;
color:darkred;

}


/*button*/

.css_btn_class {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #0;
	padding:10px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ebebeb 16%, #e81e1e 89% );
	background:-ms-linear-gradient( top, #ebebeb 16%, #e81e1e 89% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#e81e1e');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(16%, #ebebeb), color-stop(89%, #e81e1e) );
	background-color:#ebebeb;
	color:#0;
	display:inline-block;
	text-shadow:1px 1px 1px #fafafa;
 	-webkit-box-shadow:inset -1px -4px 9px 2px #fa0808;
 	-moz-box-shadow:inset -1px -4px 9px 2px #fa0808;
 	box-shadow:inset -1px -4px 9px 2px #fa0808;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #e81e1e 16%, #ebebeb 89% );
	background:-ms-linear-gradient( top, #e81e1e 16%, #ebebeb 89% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e81e1e', endColorstr='#ebebeb');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(16%, #e81e1e), color-stop(89%, #ebebeb) );
	background-color:#e81e1e;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

/*搜尋公告*/
#searchDiv {
width:10px;
height:460px;
float:right;
/*background-color:pink;*/
border-bottom:1px solid darkred;
border-top:1px solid darkred;
border-right:10px solid darkred;

}


.NewsSearch {
/*background-color:darkred;*/
width:18%;
height: 200px;
border-radius:15px;
padding:3px;
float:left;
margin-right:5px;

}

.mya:hover,
mya:focus {
color: yellow;
  text-decoration: none;
  outline: none;


}

.AboutusInf {
border-radius:15px;
background-color:#fc9b00;
width:200px;

}

/*公告格式*/

.clsNewsTable {
	float:right;
    margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #f7efef;
	
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
	
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
	
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
	
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}.clsNewsTable table{
    border-collapse: collapse;
        border-spacing: 0;
	margin:0px;padding:0px;
}

  
 .clsNewsTable tr:last-child td:last-child {
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
}
.clsNewsTable table tr th:first-child {
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}
.clsNewsTable table tr th:last-child {
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
}.clsNewsTable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
}.clsNewsTable tr:hover td{
	background-color:#ffeddd;
		

}
.clsNewsTable td{
	vertical-align:middle;
	
	background-color:#ffffff;

	border:1px solid #f7efef;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#720a0a;
}.clsNewsTable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.clsNewsTable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.clsNewsTable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.clsNewsTable tr th{
		background:-o-linear-gradient(bottom, #ffd34f 5%, #ff9c3f 100%);	
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd34f), color-stop(1, #ff9c3f) );
	background:-moz-linear-gradient( center top, #ffd34f 5%, #ff9c3f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd34f", endColorstr="#ff9c3f");	background: -o-linear-gradient(top,#ffd34f,ff9c3f);

	background-color:#ffd34f;
	border:0px solid #f7efef;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	color:#7f3f00;
}
.clsNewsTable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #ffd34f 5%, #ff9c3f 100%);	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd34f), color-stop(1, #ff9c3f) );
	background:-moz-linear-gradient( center top, #ffd34f 5%, #ff9c3f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd34f", endColorstr="#ff9c3f");
    background: -o-linear-gradient(top,#ffd34f,ff9c3f);
	background-color:#ffd34f;
}
.clsNewsTable tr th:first-child{
	border-width:0px 0px 1px 0px;
}
.clsNewsTable tr th:last-child{
	border-width:0px 0px 1px 1px;
}


/*NewsDetailView*/
.clsNewsDeTable,.clsNewsDeTable table {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #f7efef;
	
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
	
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
	
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
	
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}.clsNewsDeTable table{
    border-collapse: collapse;
        border-spacing: 0;
	margin:0px;padding:0px;
    
}.clsNewsDeTable tr:last-child td:last-child {
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
}
.clsNewsDeTable table tr:first-child td:first-child {
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}
   


.clsNewsDeTable table tr:first-child td:last-child {
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
}.clsNewsDeTable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
}
 
 /*.clsNewsDeTable tr:hover td{
	background-color:#ffeddd;
		

}*/
.clsNewsDeTable td{
	vertical-align:middle;
	
	background-color:#ffffff;

	border:1px solid #f7efef;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#720a0a;
}.clsNewsDeTable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.clsNewsDeTable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.clsNewsDeTable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.clsNewsDeTable tr td:first-child{
    /*background:-o-linear-gradient(bottom, #ffd34f 5%, #ff9c3f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd34f), color-stop(1, #ff9c3f) );
	background:-moz-linear-gradient( center top, #ffd34f 5%, #ff9c3f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd34f", endColorstr="#ff9c3f");	background: -o-linear-gradient(top,#ffd34f,ff9c3f);*/

	background-color:#99cc33;
	border:0px solid #f7efef;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	color:#7f3f00;
}
/*.clsNewsDeTable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #ffd34f 5%, #ff9c3f 100%);
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd34f), color-stop(1, #ff9c3f) );
	background:-moz-linear-gradient( center top, #ffd34f 5%, #ff9c3f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd34f", endColorstr="#ff9c3f");	background: -o-linear-gradient(top,#ffd34f,ff9c3f);

	background-color:#ffd34f;
}*/
.clsNewsDeTable tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.clsNewsDeTable tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.btnS:hover {
    cursor:pointer;
    color:darkred;
    background-color:blue;
}

.btnA:hover {
    cursor:pointer;
    color:darkblue;
   
}


#msgDiv {
  
background-image:url(../images/imgAlert.png);
background-repeat:no-repeat;
background-size:40px ;
border-top-left-radius:15px;
border-top-right-radius:15px;
}


/*登入身分切換*/
.nav-tabs > li.active > a,#Patients:hover,#Hostpital:hover {
    color:red;
    }

.nav-tabs > li > a {
    color:black;
}

/*健康新知demo*/
.cDemo {
width:100px;
height:20px;
border-radius:15px;
background-color:#ebebeb;
color:darkcyan;
margin:20px
}
